<template>
  <div class="home">
    <header-menu></header-menu>
    <main class="flex">
      <side-menu></side-menu>
      <div class="main flex-1">
        <router-view></router-view>
      </div>
    </main>
  </div>
</template>

<script>
import HeaderMenu from "@/views/home/headerMenu";
import SideMenu from "@/views/home/sideMenu";

export default {
  name: "home",
  components: {SideMenu, HeaderMenu},

}
</script>

<style scoped>
.home{
  /*background-color: pink;*/
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.main{
  /*background-color: #d9fcae;*/
  height: 77vh;
  padding: 40px;
  overflow: scroll;
}


</style>